<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02_基础标签</title>
</head>
<body>
    <!-- 1.文本标签 -->
    我是文字
    <b>我是加粗文字bold</b>
    <i>我是斜体     文字italic</i>
    <u>我是下划线文字underline</u>
    <s>我是删除线文字</s>
    <mark>我是高亮标记文字</mark>

    <!-- 2.空格折叠现象:会将连续的多个空格或换行折叠成一个空格展示  -->
    <!-- br用于换行
       转义符号: &nbsp;代表空格 &lt;代表小于号 &gt;代表大于号 -->
    <br>
    我是<超超>,我喜欢&nbsp;&nbsp;&nbsp;赵丽颖
    <br>
    我是&lt;paopao&gt;,我也喜欢赵丽颖

    <!-- 3.标题文字 改变字号 文字加粗 独占一行 有垂直方向的行间距  -->
    <h1>我是一级标题</h1>
    <h2>我是二级标题</h2>
    <h3>我是三级标题</h3>
    <h4>我是四级标题</h4>
    <h5>我是五级标题</h5>
    <h6>我是六级标题</h6>
    <!-- 4.段落标签 -->
    <p>段落标签1</p>
    <p>段落标签2</p>
    <p>段落标签3</p>
    <!-- 5.分割线标签 -->
    <hr>
    <!-- 6.生成假文:lorem然后按Tab补全 -->
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error facilis, fuga incidunt quae quaerat quas repellendus sit vel. Enim expedita explicabo id libero maiores placeat rerum temporibus ut vel velit.</p>
    <!-- 7.有序列表 ordered list type的值 1数字 A a字母 I i罗马数字-->
    <ol type="I">
        <li>把冰箱门打开</li>
        <li>把大象装进去</li>
        <li>把冰箱门关上</li>
        <li>把冰箱门关上</li>
        <li>把冰箱门关上</li>
        <li>把冰箱门关上</li>
    </ol>
    <!-- 8.无序列表 unordered list -->
    <ul type="none">
        <li>我是无序列表1</li>
        <li>我是无序列表2</li>
        <li>我是无序列表3</li>
    </ul>



</body>
</html>